<template>
  <a-config-provider update-at-scroll>
    <router-view></router-view>
    <template #loading>
      <img src="/static/images/loading.gif" class="loading-icon" />
    </template>
  </a-config-provider>
</template>

<script setup lang="ts">
defineOptions({ name: 'App' })
</script>

<style lang="scss" scoped>
.loading-icon {
  width: 30px;
}
</style>
<style>
.layerBox {
  border: none !important;
  border-radius: 6px !important;
  box-shadow: 1px 1px 50px rgba(0, 0, 0, 0.3) !important;
}
.layerBox .layui-layer-content .slot-fragment {
  height: 100%;
}
.arco-trigger-popup,
.arco-modal-container,
.arco-notification-list-top-right,
.arco-image-preview {
  z-index: 999999 !important;
}

.arco-message-list-top {
  z-index: 9999999 !important;
}
</style>
